Curso Desenvolvimento WEB com PHP - HTML

1. <html> Desenvolvimento WEB com PHP

4. 1 aula - CSS e layouts

5. 8 aulas - PHP (projeto completo)

6. Sequência das aulas

8. Entendendo o ambiente Serverside PHPMySQL Apache Clientside HTMLCSS JavaScript

9. Pensamento interessante...

10. Web Stadards

12. HTML, XHTML, CSS, entre outras

13. Padronização na exibição (browsers)

14. Maior facilidade na manutenção

15. Ranking sites de busca (bem escrito)

17. Aplicações do tipo cross-browser

18. Estatísticas de browsersfonte: www.w3schools.com

19. HTML / XHTML

20. Conceitos básicos HTML (Linguagem de Marcação de Hiper Texto) documento de texto contendo tags de marcação que informam ao browser como exibir a página XHTML (eXtensible Markup Language) versão melhorada do HTML baseada na XML sintaxe regular e previsível que facilita a leitura e interpretação por softwares (browsers)

22. Tags devem ser aninhadas

23. Uso de Tags de fechamento obrigatório

24. Elementos vazios devem ser fechados

28. Olá (X)HTML

29. Cometários Comentários

30. Formatação básica Títulos Parágrafos Quebra de linha Divisão de seções <h1> Título </h1> <p> Parágrafo </p> <br /> <hr />

31. Listas Ordenadas <ol> <li> Introdução </li> <li> Conceitos básicos </li> <li> Conceitos avançados </li> </ol>

32. Listas Não-ordenadas <ul> <li> Pentium 100MHz </li> <li> 8MB de Ram </li> <li> HD de 2GB </li> </ul>

33. Listas Definição <dl> <dt> Pentium 100MHz </dt> <dd> Processador fabricado pela empresa INTEL, componente responsável pelo processamento. </dd> </dl>

34. Imagens Tag Atributos <imgsrc=“imagem.jpg” /> <imgsrc=“imagem.jpg” alt=“foto linda” />

35. Hiperlinks Entre páginas Caminho absoluto / Caminho relativo Atributo target <a href=“pagina2.html”> Ir para página 2 </a> <a href=“http://www.site.com/pasta/pagina.html”> ... <a href=“pasta/pagina.html”> ... <a href=“pagina2.html” target=“_blank”> Página 2 </a>

36. Hiperlinks Âncoras E-mails <a name=“topo”> Parte superior do documento </a> <a href=“#topo”> Ir a parte superior </a> <a href=“mailto:email@email.com”> E-Mail </a>

37. Tabelas Estrutura básica <table> <tr> <th> Janeiro </th> <th> Fevereiro </th> </tr> <tr> <td> 10% </td> <td> 20% </td> </tr> </table>

38. Tabelas Mesclando células ... <tr> <td colspan=“2”> Conteúdo </td> </tr> ... <tr> <td rowpan=“2”> Conteúdo </td> </tr> ...

39. Formulários Estrutura básica <form method=“GET” action=“valida.html”> ... <input type=“submit” /> </form>

40. Formulários Campo de texto Campo de senha Caixa de seleção Botões de opção <input type=“text” /> <input type=“password” /> <input type=“checkbox” value=“valor” /> <input type=“radio” name=“sexo” value=“masc” /> <input type=“radio” name=“sexo” value=“fem” />

41. Formulários Lista ou menus Campo de texto com várias linhas <selectsize=“1”> <optionvalue=“azul”> Azul </option> <optionvalue=“verde”> Verde </option> </select> <textarearows=“5” cols=“50”> </textarea>

42. Formulários Botão simples Botão reset Botão enviar <input type=“button” value=“pressione aqui” /> <input type=“reset” value=“limpar” /> <input type=“submit” value=“enviar” />

43. Organizando as informações Conjunto de campos Rótulos ... <fieldset> <legend> Título </legend> </fieldset> ... ... <label for=“nomeCampo”> Rótulo </label> ...

44. Entendendo os frames

45. Frames Estrutura básica (sem body) Iframe <framesetcols=“100px,*”> <frame src=“pagina1.html noresize /> <frame src=“pagina2.html name=“principal” /> </frameset> <iframesrc=“www.google.com" width=“200" height="300"> <p> Seu Browser não suporta iframes </p> </iframe>

46. Dúvidas? Sugestões?will_magalhaes@yahoo.com.br

48. Slides www.wmagalhaes.com www.slideshare.com/ wmagalhaes

49. JBRIGADO! </html>

Curso Desenvolvimento WEB com PHP - HTML

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (13)

Destaque

Destaque (20)

Semelhante a Curso Desenvolvimento WEB com PHP - HTML

Semelhante a Curso Desenvolvimento WEB com PHP - HTML (20)

Mais de Willian Magalhães

Mais de Willian Magalhães (7)

Curso Desenvolvimento WEB com PHP - HTML